---
import Container from "@components/container.astro";
import ProductMenu from "@components/productMenu.vue";
import Layout from "@layouts/Layout.astro";
import MenuBox from "@components/menuBox.astro";
import ProgrammeMenu from "@components/programmeMenu.vue";
import ContactMenu from "@components/contactMenu.vue";
import ProductList from "@components/productList.vue";
import DesignResourcesMenu from "@components/designResourcesMenu.astro";
import DualityAndReliability from "@components/qualityAndReliability.astro";
import NewMenu from "@components/newMenu.vue";
import Banner from "@components/banner.vue";
---

<Layout title="">
  <Container>
    <div class="flex flex-row" >
      <div class="basis-1/4 pr-[16px] box-border">
        <MenuBox title="产品中心" link="/plan">
          <ProductMenu />
        </MenuBox>
        <MenuBox title="应用方案" link="/programme">
          <ProgrammeMenu />
        </MenuBox>
        <MenuBox title="联系我们" >
          <ContactMenu />
        </MenuBox>
      </div>
      <div class="basis-1/2  box-border">
        <Banner client:load class="mt-[16px]" />
        <MenuBox title="产品发布" >
          <ProductList client:load />
        </MenuBox>
      </div>
      <div class="basis-1/4 pl-[16px] box-border">
        <MenuBox title="设计资源" link="/designResources">
          <DesignResourcesMenu />
        </MenuBox>
        <MenuBox title="质量与可靠性" >
          <DualityAndReliability />
        </MenuBox>
        <MenuBox title="新闻中心" >
          <NewMenu />
        </MenuBox>
      </div>
    </div>
  </Container>
</Layout>
